<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<fmt:setLocale value="${config.locale.language}"/>
<fmt:setBundle basename="vn.ugame.bundle.Language" var="languageBundle"/>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
        <title>UGame | Register</title>

        <script type="text/javascript" src="/js/jquery.min.js"></script>
        <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/js/jquery.raty.min.js"></script>    
        <script type="text/javascript" src="/js/iscroll.js"></script>
        <script type="text/javascript" src="/js/jquery.timers.js"></script>
        <script type="text/javascript" src="/js/ugame.js"></script>

        <link rel="stylesheet" href="/css/style.css" type="text/css"/>
        <link rel="stylesheet" href="/css/store.css" type="text/css"/>
    </head>
    <body>
        <div id="wrapper">
            <div id="main-scroller">
                <jsp:include page="template/header.jsp" flush="false"/>
                <div id="main" class="default-panel">
                    <form id="regiter-form" action="<c:url value="/${config.name}"/>" method="post">
                        <div id="register-panel" class="default-panel">
                            <div class="fd-panel static-fd-panel">
                                <div class="default-panel">
                                    <table width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="left-fd-panel default-panel">
                                                </div>
                                                <!-- End #left -->
                                            </td>
                                            <td valign="top" style="width: 224px;">
                                                <div class="center-fd-panel default-panel">
                                                    <div class="main-fd-panel">
                                                        <div class="text-input-wrapper">
                                                            <fmt:message bundle="${languageBundle}" 
                                                                         var="emailLabel" 
                                                                         key="ugame.register.email"/>
                                                            <input type="text" 
                                                                   id="email" 
                                                                   class="placeholder-effect input text-input"
                                                                   name="email" 
                                                                   value="${param.email}" 
                                                                   placeholder="${emailLabel}"/>
                                                            <c:if test="${exceptions.email!=null}">
                                                                <div class="error-message-1">
                                                                    <fmt:message bundle="${languageBundle}" 
                                                                                 key="ugame.exception-${exceptions.email}">
                                                                        <fmt:param value="${emailLabel}"/>
                                                                    </fmt:message>
                                                                </div>
                                                            </c:if>
                                                            <fmt:message bundle="${languageBundle}" 
                                                                         var="passwordLabel" 
                                                                         key="ugame.register.password"/>
                                                            <input type="password" 
                                                                   id="password" 
                                                                   class="placeholder-effect input text-input"
                                                                   name="password" 
                                                                   value=""
                                                                   placeholder="${passwordLabel}"/>
                                                            <c:if test="${exceptions.password!=null}">
                                                                <div class="error-message-1">
                                                                    <fmt:message bundle="${languageBundle}" 
                                                                                 key="ugame.exception-${exceptions.password}">
                                                                        <fmt:param value="${passwordLabel}"/>
                                                                    </fmt:message>
                                                                </div>
                                                            </c:if>
                                                            <fmt:message bundle="${languageBundle}" 
                                                                         var="confirmPasswordLabel" 
                                                                         key="ugame.register.confirm-password"/>
                                                            <input type="password" 
                                                                   id="confirmPassword" 
                                                                   class="placeholder-effect input text-input"
                                                                   name="confirmPassword"
                                                                   value=""
                                                                   placeholder="${confirmPasswordLabel}"/>
                                                            <c:if test="${exceptions.confirmPassword!=null}">
                                                                <div class="error-message-1">
                                                                    <fmt:message bundle="${languageBundle}" 
                                                                                 key="ugame.exception-${exceptions.confirmPassword}">
                                                                        <fmt:param value="${confirmPasswordLabel}"/>
                                                                    </fmt:message>
                                                                </div>
                                                            </c:if>
                                                            <fmt:message bundle="${languageBundle}" 
                                                                         var="fullNameLabel" 
                                                                         key="ugame.register.full-name"/>
                                                            <input type="text" 
                                                                   id="fullName" 
                                                                   class="placeholder-effect input text-input"
                                                                   name="fullName" 
                                                                   value="${param.fullName}" 
                                                                   placeholder="${fullNameLabel}"/>
                                                            <c:if test="${exceptions.fullName!=null}">
                                                                <div class="error-message-1">
                                                                    <fmt:message bundle="${languageBundle}" 
                                                                                 key="ugame.exception-${exceptions.fullName}">
                                                                        <fmt:param value="${fullNameLabel}"/>
                                                                    </fmt:message>
                                                                </div>
                                                            </c:if>
                                                            <fmt:message bundle="${languageBundle}" 
                                                                         var="phoneNumberLabel"  
                                                                         key="ugame.register.phone-number"/>
                                                            <input type="text" 
                                                                   id="phoneNumber" 
                                                                   class="placeholder-effect input text-input text-input-last"
                                                                   name="phoneNumber" 
                                                                   value="${param.phoneNumber}" 
                                                                   placeholder="${phoneNumberLabel}"/>
                                                            <c:if test="${exceptions.phoneNumber!=null}">
                                                                <div class="error-message-1 error-message-last">
                                                                    <fmt:message bundle="${languageBundle}" 
                                                                                 key="ugame.exception-${exceptions.phoneNumber}">
                                                                        <fmt:param value="${phoneNumberLabel}"/>
                                                                    </fmt:message>
                                                                </div>
                                                            </c:if>
                                                        </div>
                                                    </div>
                                                    <!-- End .main-fd-panel -->
                                                    <div class="bottom-fd-panel">
                                                    </div>
                                                    <!-- End .bottom-fd-panel -->
                                                </div>
                                                <!-- End .center-fd-panel -->
                                            </td>
                                            <td valign="top">
                                                <div class="right-fd-panel default-panel">
                                                </div>
                                                <!-- End #right -->
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- End #regiter-panel -->
                            </div>
                            <div class="default-panel split-bar">
                            </div>
                            <div id="terms-of-use" class="default-panel expandable collapsed" style="height: 150px">
                                <div class="content">
                                    <p style="font-size:14px;margin:5px 0px 5px 0px;">Điều khoản xác  nhận</p>
                                    Trải nghiệm những hình ảnh mát dịu giữa mùa hè nóng bức với Game Boom nước cực Cool của Qplay.vn...<br/>
                                    Câu chuyện kể về hành trình thú vị của cậu bé tên Boom nước với ước mơ trở thành thợ săn tài ba.<br/>
                                    Nhưng giấc mơ nhỏ bé của Boom nước bị phá vỡ khi tên Hải tặc gian ác xuất hiện và bắt đi toàn bộ dân làng.<br/>
                                    Với vũ khí là những quả Bong bóng nước cậu bé Boom nước đã chiến đấu với tên Hải tặc gian ác cùng đồng bọn thế nào?<br/>
                                    Hãy tham gia ngay vào hành trình của cậu bé Boom nước đáng yêu nhé!
                                </div>
                                <div class="control-panel">
                                    <div class="overlayout">
                                    </div>
                                    <div class="split-bar">
                                        <a href="#" class="expand-button expand-button-1" onclick="return false;"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="default-panel">
                                <div class="check-input-1">
                                    <input type="checkbox" 
                                           <c:out value="${param.newsletter!=null ? 'checked=\"checked\"':''}"/> 
                                           value="newsletter" 
                                           id="newsletter" 
                                           name="newsletter"/>
                                    <label for="newsletter">
                                        <fmt:message bundle="${languageBundle}" 
                                                     key="ugame.register.accept-newsletter"/>
                                    </label>
                                </div>
                                <div class="check-input-1">
                                    <input type="checkbox"
                                           <c:out value="${param.accept!=null ? 'checked=\"checked\"':''}"/> 
                                           value="accept" 
                                           id="accept" 
                                           name="accept"/>
                                    <label for="accept">
                                        <fmt:message bundle="${languageBundle}" 
                                                     key="ugame.register.accept-terms-of-use"/>
                                    </label>
                                </div>
                                <a href="#" id="register-button" onclick="return false;" class="text-effect-1 button-style-4">
                                    <fmt:message bundle="${languageBundle}" 
                                                     key="ugame.sign-up"/>
                                </a>
                            </div>
                        </div>
                    </form>
                    <div class="clear"></div>
                </div>
                <!-- End #main -->
                <jsp:include page="template/footer.jsp" flush="false"/>

                <div class="clear"></div>
            </div>
        </div>        
        <!-- End #wrapper-->
        <script type="text/javascript" src="/js/template.js"></script>
        <script type="text/javascript" src="/js/register.js"></script>
        <c:if test="${exceptions.accept!=null}">
            <script type="text/javascript">                
                alert('<fmt:message bundle="${languageBundle}" key="ugame.exception-11"/>');
            </script>
        </c:if> 
    </body>
</html>
